<template>
    <div class="d-flex align-center gap-3 justify-center">
        <v-avatar size="x-small"  variant="flat">
            <img src="@/assets/images/profile/user-1.jpg" width="25" alt="Julia" />
        </v-avatar>
        <v-avatar size="small"  variant="flat">
            <img src="@/assets/images/profile/user-1.jpg" width="35" alt="Julia" />
        </v-avatar>
        <v-avatar size="medium"  variant="flat">
            <img src="@/assets/images/profile/user-1.jpg" width="40" alt="Julia" />
        </v-avatar>
        <v-avatar size="large"  variant="flat">
            <img src="@/assets/images/profile/user-1.jpg" width="48" alt="Julia" />
        </v-avatar>
        <v-avatar size="x-large"  variant="flat">
            <img src="@/assets/images/profile/user-1.jpg" width="56" alt="Julia" />
        </v-avatar>
    </div>
    
</template>
